<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="{{ site.style_path | relative_url }}">

  <script src="{{ site.js_path | relative_url }}"></script>

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-KA6wR/X5RY4zFAHpv/CnoG2UW1uogYfdnP67Uv7eULvTveboZJg0qUpmJZb5VqzN" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">

  <!-- Icon Crazyness -->
  <link rel="icon" href="{{ site.baseurl }}/favicon-32.png" sizes="32x32">
  <link rel="icon" href="{{ site.baseurl }}/favicon-57.png" sizes="57x57">
  <link rel="icon" href="{{ site.baseurl }}/favicon-76.png" sizes="76x76">
  <link rel="icon" href="{{ site.baseurl }}/favicon-96.png" sizes="96x96">
  <link rel="icon" href="{{ site.baseurl }}/favicon-128.png" sizes="128x128">
  <link rel="icon" href="{{ site.baseurl }}/favicon-192.png" sizes="192x192">
  <link rel="icon" href="{{ site.baseurl }}/favicon-228.png" sizes="228x228">

  <!-- Android -->
  <link rel="shortcut icon" sizes="196x196" href="{{ site.baseurl }}/favicon-196.png">

  <!-- iOS -->
  <link rel="apple-touch-icon" href="{{ site.baseurl }}/favicon-120.png" sizes="120x120">
  <link rel="apple-touch-icon" href="{{ site.baseurl }}/favicon-152.png" sizes="152x152">
  <link rel="apple-touch-icon" href="{{ site.baseurl }}/favicon-180.png" sizes="180x180">

  <!-- Windows 8 IE 10-->
  <meta name="msapplication-TileColor" content="#FFFFFF">
  <meta name="msapplication-TileImage" content="{{ site.baseurl }}/favicon-144.png">

  <!-- Windows 8.1 + IE11 and above-->
  <meta name="msapplication-config" content="{{ site.baseurl }}/browserconfig.xml" />
</head>
